*{
	margin: 0px;
	padding: 0px;
}
a:hover{
	text-decoration: none;
}
#first{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	margin: 0;
}
#first .nav{
   height: 50px;
	background: black;
}

body{
	background: #f8f6f6;
}
#second{
	height: auto;
	overflow: hidden;
	background: #f8f6f6;
	 padding-bottom: 30px;
	width: 1200px;
	margin: 0 auto;
}
#second .yin{
	color: #e965a7;
}
.red{
	color:#e965a7;
}
#second .sec_p{
	width: 100%;
	text-align: center;
}
#second .con{
    width: 100%;
	height: auto;
	position: relative;
}
#second .con .left{
   width: 400px;
	float: left;
	margin-left: 50px;
}
#second .con #right{
    width: 600px;
	height: 300px;
	margin-left: 30px;
	float: left;
}
#third{
	background: #fff;
	height: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 30px;
}
#third h2{
   color: #a5a5a5;
	width: 100%;
	text-align: center;
}
#third h3{
	color: #e965a7;
	width: 100%;
	text-align: center;
}
#third .nav{
	height: 50px;
    text-align: center;
}
#third .nav a{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid  #f8f6f6;
}
#third .nav a:hover{
	background: #525250;
	color: #fff;
}
#third .con ul{
	width: 100%;
	text-align: center;
}
#third .con li{
	display: inline-block;
   width:154px ;
	height: 280px;
	border: 2px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 30px;
}
#third .con li p{
	margin: 0;
	padding: 0;
	line-height: 30px;
	text-align: center;
	background: #939391;
	color: #fff;
	font-weight: 700;
}
#third .con li:hover p{
	background: #5d5d5a;
}
#four{
	height: 500px;
	width: 100%;
	background:url("../img/four_bak.jpg");
	background-size: 100% 100%;
}
#four .con{

}
#four .left{
	 width: 300px;
	 height: 350px;
	 /*border: 1px solid red;*/
	 float: left;
	margin-left: 120px;
 }
#four .right{
	width: 600px;
	height: 350px;
	/*border: 1px solid red;*/
	float: left;
	margin-left: 60px;
}
.white{
	color:#fff;
	font-weight: 700;
}
#five{
	height: 500px;
	width: 100%;
	background: url("../img/fivebck.jpg");
	background-size: 100% 100%;
	position: relative;
}
#five .con{
 margin: 0;
	padding: 0;
}
#five .con h2{
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 50px;
}
#five .con .five_p{
	text-indent: 30px;
	font-size: 20px;
	color: #869089;
	padding: 3px 130px;
}
#five .head_five{
	width: 800px;
	height: 50px;
	background: rgba(255,255,255,.9);
	text-align: center;
	line-height: 50px;
	color: #8d8d87;
	font-size: 40px;
	position: absolute;
	padding-top: 30px;
    top: -50px;
	left:200px;
}
#five .con  .left_five{
 width: 200px;
	height: 300px;
	/*border: 1px solid red;*/
	float: left;
	margin-left: 200px;
}
#five .con  .left_five img{
	transition: 1.5s;
}
#five .con  .left_right{
   height: 300px;
	width: 630px;
	/*border: 1px solid red;*/
	float: left;
	margin-left: 10px;
}
#five .con  .left_right img{
	margin: 0;
	padding: 0;
	transition: 1.5s;
}
#five .con img{
	cursor: pointer;
}
#five .con .left_right img:hover{
	transform: rotate(360deg);
}
#five .con  .left_five img:hover{
	transform: rotate(180deg);
}
#six{
	width: 100%;
	height: 560px;
	background: #eeeeee;
	margin: 0;
	padding: 0;
}
#six h2{
	margin: 0;
	padding: 0;
	color: #949494;
	text-align: center;
	padding-top: 20px;
}
#six h3{
	text-align: center;

}
#six .con{
  width: 960px;
	height: 380px;
	margin: 0 auto;
}
#six .con .con_con{
	width: 310px;
	height: 380px;
	/*border: 1px solid red;*/
	float: left;
	margin-right: 10px;
}
#seven{
	width: 100%;
	height: 500px;
	background: url("../img/sevenbck.jpg");
	background-size: 100% 100%;
}
#seven .address{
	width: 300px;
	background: rgba(0,0,0,.3);
	margin: 0 auto;
	margin-top: 80px;
}
#seven .now{
	background: #e83a93;
	color: #fff;
	margin: 0 auto
}
#eight{
	background: #fff;
	width: 100%;
	height: 500px;
}

